<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
<head>
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <title>homePage</title>
  <script type="text/javascript" th:inline="JavaScript">
  </script>
</head>
<body>
  <div th:fragment="personal" class="configuration">
    <!-- 人员管理 -->
    <div class="cd-popup3 personal personal-pop" id="personalModal">
      <div class="cd-popup-container3 manageModal">
        <div class="modal-top"></div>
        <div class="modal-title">人员管理</div>
        <div class="tableModal">
          <div class="fl searchDevBox">
            <input type="text" class="form-control searchDev personalSearch" style="width: 160px; padding-left: 20px;" placeholder="请输入姓名"/>
            <span class="btnStyle">搜索</span>
            <span class="btnStyle refreshStyle">刷新</span>
          </div>
          <!-- 人员总数 -->
          <div class="fr perSum">
            人员总数:<span></span>
          </div>
          <div class="tableBox">
            <table class="table table-bordered" id="patrollingPersonPageTable" style="margin: -1px; width: 1041px;">
                <thead>
                <tr>
                    <th style="width: 5%">
                        <input type="checkbox" id="patrollingPersonSelectAll">
                    </th>
                    <th style="width: 8%">编号</th>
                    <th style="width: 15%">姓名</th>
                    <th style="width: 25%">联系电话</th>
                    <th style="width: 22%">所属微型消防站</th>
                    <th style="width: 25%">操作</th>
                </tr>
                </thead>
                <tbody class="tbodyList">
                
                </tbody>
            </table>
          </div>
        </div>
        <!-- 关闭按钮 -->
        <a href="javascript:;" class="cd-popup-close closeModal"></a>
        <!-- 添加按钮-->
        <div class="addBtn">添加</div>
        <!-- 分页 -->
        <div class="dailyPageBox pageBox">
          <ul class="pagination" id="personalPage"></ul>
          <div class="pageJump">
            <span>跳转到</span>
            <input type="text" />
            <span>页</span>
            <button type="button" class="button btn btn-default">跳转</button>
          </div>
        </div>
        <!-- 导出、删除-->
        <div class="exportBox">
          <!-- <span class="export">导出</span> -->
          <span class="delete"></span>
        </div>
      </div>
    </div>
    <!-- 人员管理 添加页面 -->
    <div class="cd-popup3 patrollingPointAddPage patrollingPersonalAdd patrollingPersonalAdd-pop">
      <div class="cd-popup-container3 patrollingPersonalAddPageModal">
          <div class="modal-title">人员添加</div>
          <a href="javascript:;" class="cd-popup-close closeModal"></a>
          <form id="patrollingPersonalAddPage">
              <div class="touxiang bac">
                <img class="pic" src="">
                <input class="upload" name="file" accept="image/*" type="file" style="display: none" name="multipartFile"/>
                <span class="delTouxiang">-</span>
              </div>
              <div class="row patrollingPointAddPageName mb24" style="width:100%;">
                  <div class="col-xs-4" style="width: 50%; padding-right:0; text-align: right; margin-right:15px;">
                      <span>姓名 :</span>
                  </div>
                  <div class="col-xs-8" style="width: 45%; padding-left:0; padding-right:0; text-align: right;">
                      <input type="text" class="form-control notEmptyInput" name="name" autocomplete="off">
                  </div>
              </div>
              <div class="row patrollingPointAddPageAddress mb24" style="width:100%;">
                  <div class="col-xs-4" style="width: 50%; padding-right:0; text-align: right; margin-right: 15px;">
                      <span>联系电话 :</span>
                  </div>
                  <div class="col-xs-8" style="width: 45%; padding-left:0; padding-right:0; text-align: right;">
                      <input type="text" class="form-control notEmptyInput" name="telephone" autocomplete="off">
                  </div>
              </div>
              <div class="row patrollingPointAddPageOrag mb24" style="width:100%;">
                  <div class="col-xs-4" style="width: 50%; padding-right:0; text-align: right; margin-right: 15px;">
                      <span>所属微型消防站 :</span>
                  </div>
                  <div class="col-xs-8" style="width: 45%; padding-left:0; padding-right:0; text-align: right;">
                      <select class="form-control my-form-control patrollingPersonAddPageOragList" name="orgId" style="width:100%;"></select>
                  </div>
              </div>
              <!-- 按钮 -->
              <div class="patrollingPointAddPageBtnsBox patrollingPointAddPageBtnsBox-pop">
                  <button type="submit" class="btn btn-primary patrollingPointAddPageBtnConfirm" style="background-color: #70abe1;border: none;">添加</button>
              </div>
          </form>
      </div>
    </div>

    <!-- 人员管理 修改页面 -->
    <div class="cd-popup3 patrollingPointAddPage patrollingPersonModify patrollingPersonModify-pop">
        <div class="cd-popup-container3 patrollingPersonModifyPageModal">
            <a href="javascript:;" class="cd-popup-close closeModal"></a>
            <form id="patrollingPersonalModifyPage">
                <div class="touxiang bac">
                    <img class="pic" src="">
                    <input class="upload" name="file" accept="image/*" type="file" style="display: none" name="multipartFile"/>
                    <span class="delTouxiang">-</span>
                </div>
                <div class="row patrollingPointAddPageName mb24" style="width:100%;">
                    <div class="col-xs-4" style="width: 50%; padding-right:0; text-align: right; margin-right: 10px;">
                        <span>姓名 :</span>
                    </div>
                    <div class="col-xs-8" style="width: 45%; padding-left:0; padding-right:0; text-align: right;">
                        <input type="text" class="form-control notEmptyInput patrollingPersonalModifyName" name="name" autocomplete="off">
                    </div>
                </div>
                <div class="row patrollingPointAddPageAddress mb24" style="width:100%;">
                    <div class="col-xs-4" style="width: 50%; padding-right:0; text-align: right; margin-right: 10px;">
                        <span>联系电话 :</span>
                    </div>
                    <div class="col-xs-8" style="width: 45%; padding-left:0; padding-right:0; text-align: right;">
                        <input type="text" class="form-control notEmptyInput patrollingPersonalModifyTel" name="telephone" autocomplete="off">
                    </div>
                </div>
                <div class="row patrollingPointAddPageOrag mb24" style="width:100%;">
                    <div class="col-xs-4" style="width: 50%; padding-right:0; text-align: right; margin-right: 10px;">
                        <span>所属微型消防站 :</span>
                    </div>
                    <div class="col-xs-8" style="width: 45%; padding-left:0; padding-right:0; text-align: right;">
                        <select class="form-control my-form-control patrollingPersonAddPageOragList" name="orgId" style="width:100%;"></select>
                    </div>
                </div>
                <!-- 按钮 -->
                <div class="patrollingPointAddPageBtnsBox patrollingPersonModifyPageBtnsBox-pop">
                    <button type="submit" class="btn btn-primary patrollingPersonModifyPageBtnConfirm" style="background-color: #70abe1;border: none;">确认</button>
                </div>
            </form>
        </div>
    </div>
  </div>
</body>

</html>